import React, { Component } from 'react'
import { Breadcrumb } from 'element-react'

class breadcrumb extends Component {
  constructor (props) {
    super(props)
    this.state = {}
  }
  componentDidMount () {
  }
  render() {
    const style = {
      padding: '20px 0',
      marginBottom: 40
    }
    
    return (
      <div className="breadcrumb" style={style}>
        <Breadcrumb separator="/">
        {
          this.props.data.map((item, index) => {
            return <Breadcrumb.Item key={index}>{item}</Breadcrumb.Item>
          })
        }
        </Breadcrumb>
      </div>
    )
  }
}
 export default breadcrumb